<div class="side-bar-backdrop" ng-class="{'active': homeCtrl.isSideBarVisible }"></div>
<div class="side-bar" ng-class="{'active': homeCtrl.isSideBarVisible }">    
    <div class="content">
        <h5 ng-click="homeCtrl.isSideBarVisible = false">Settings</h5>
        <ul class="side-menu">
            <li class="root">
                <a href="#/project/manage">
                    <span class="pull-left glyphicon glyphicon-wrench"></span>
                    <span>
                        Projects
                    </span>
                </a>
            </li>
            <li class="" ng-repeat="project in homeCtrl.projects">
                <a ng-href="{{'#/project/edit/' + project.id }}">{{ project.title }}</a>
            </li>
        </ul>
    </div>
</div>